<template>
  <div class="dataCar">
    <div class="D-tit" :style='[{backgroundColor: dCenter.titbg},{color: dCenter.titColor}]'>
      <span>病人信息</span>
    </div>
    <div class="D-list">
      <div class="list-col" v-for="(item,index) in dCenter.dList"
                             :key="index"
       >
        <div v-for="(item,index) in item"
                    :key="index"
        >
          <span>{{item[0].xm}}</span>
          <span>{{item[0].name}}</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'dataCenter',
  props: ['dataCenter'],
  data () {
    return {
      dCenter: this.dataCenter
    }
  }
}
</script>

<style lang="stylus" scoped>
  .dataCar{
    width: 13rem;
    height: 3rem;
    background-color: #fff;
    box-shadow: 0 0.15rem 0.1rem 0rem #f4f5f7;
  }
  .dataCar .D-tit{
    height: .46rem;
    width: 1.45rem;
    text-align: center;
    line-height: .46rem;
    border-radius: .08rem;
    margin: .2rem 0 .4rem .2rem;
  }

  .dataCar .D-list{
     display: flex;
     justify-content: space-between;
     padding: 0 .2rem;
  }

  .dataCar .D-list .list-col>div{
    margin-bottom: .4rem;
  }
</style>
